<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 不唠叨的章鱼
  Date: 2023/12/18
  Time: 20:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>

  <style type="text/css"> <!--页面样式定义-->
    /* Border styles */
  .title{
    width:100%; height: 40px;
  }

  .sysmenu{
    width:100%; height: 40px;
    border-bottom: #0086F6 1px solid;
    background: #0086F6;
  }
  .sysmenu a{
    color:#fff;
  }
  .sysmenu span{
    color:#fff;
  }
  #table-1{
    width:85%;
    margin-top:10px;
  }
  .s1{
    width:200px;
  }
  .s2{
    font-size: 20px;
    color:#000000;
    font-weight: 600;
    width:400px;
  }
  .s3{
    font-size: 14px;
    font-weight: 400;
    color:#575757;
  }
  .s4{
    font-size: 14px;
    font-weight: 400;
    color:#009ACD;
  }
  .s5{
    font-size: 24px;
    font-weight: 400;
    color: #86bb53;
    padding:20px;
  }
  .editbox{
    background: #ffffff;
    border: 1px solid #b7b7b7;
    color: #003366;
    cursor: text;
    font-family: "arial";
    font-size: 11pt;
    width:300px;
    height: 24px;
    padding: 3px;
    border-radius: 5px 5px 5px 5px;
    margin-top:3px;
    margin-bottom:3px;
  }




  </style>
</head>
<body>
<center>
  <%@ include file="menu.jsp"%>

  <!--查询框栏-->
  <div style="width:85%;height:30px;margin:10px auto">
    <form action="">
      <span>产品名称：<input class="editbox" type="text" name="name"></span>
      <button  type="submit">查询</button>
    </form>
  </div>
  <!--酒店信息-->
  <div style="margin-top:5px;width:85%;border:0.5px solid #CCC"></div>

  <table id="table-1" style="background-color: #FFFFFF;">
    <tbody class="body">
    <c:forEach items="${ar}" var="drug">
      <tr>
        <td class="s1" >
          <a href="disdrug.do?drugid=${drug.drugid}"><img style="width:250px;height:160px;border-radius:5px" src="/upload/${drug.img}"></a>
        </td>
        <td style="width:600px;">
          <table style="width:100%; height:150px; margin-left:10px">
            <tr>
              <td class="s2">
                <a href="disdrug.do?drugid=${drug.drugid}" style="text-decoration:none"> ${drug.name}</a>
              </td>
            </tr>
            <tr>

              <td>类别：<span class="s4">${drug.drugclass}</span></td>
            </tr>
            <tr>
              <td>销售类别：<span class="s4">${drug.cureclass}</span></td>
            </tr>
            <tr>
              <td>销售规格：<span class="s4">${drug.drugsize}</span></td>
            </tr>
            <tr>
              <td >销售厂家：<span class="s4">${drug.merchant}</span></td>
            </tr>
          </table>
        </td>
        <td valign="top" align="right" class="s5" style="color: #4caf50">
          <span style="font-size:12px;">￥</span><span>${drug.price}</span><span style="font-size:16px;">元</span>
        </td>
      </tr>
      <tr>
        <td colspan="3"><div style="width:100%;border:0.5px solid #CCC"></div></td>
      </tr>
    </c:forEach>
    </tbody>
  </table>

</center>

<div id="app">

</div>
</body>
</html>
